home *** CD-ROM | disk | FTP | other *** search
/ Dynamic HTML Construction Kit / Dynamic HTML Construction Kit.iso / source_code / tydhtml / dyn.exe / CHAP11 / dyn11_3.txt < prev    next >
Encoding:
Text File  |  1997-10-02  |  3.1 KB  |  87 lines
  1. <HTML>
  2. <HEAD>
  3. <FONT FACE="verdana,arial,helvetica" SIZE=2>
  4. <TITLE>New England States</title>
  5. </HEAD>
  6. <BODY BGCOLOR="#FFFFFF">
  7. <H2>NEW ENGLAND</H2>
  8.  
  9. <P>Click on a state <BR>
  10. to see <BR>
  11. its population <BR>
  12. and area <BR>
  13. information.</P>
  14. <P>
  15. <OBJECT ID="statelist"
  16.         CLASSID="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83"
  17.         BORDER="0" WIDTH="0" HEIGHT="0">
  18.   <PARAM NAME="DataURL" VALUE="newengld.txt">
  19.   <PARAM NAME="UseHeader" VALUE="True">
  20. </OBJECT>
  21. <P>
  22.  <IMG ID="Maine" STYLE="container:positioned;position:absolute;TOP:10pt;
  23.   LEFT:300px;WIDTH:64px;HEIGHT:96px;ZINDEX:1;" src="Maine.jpg">
  24.  <IMG ID="Vermont" STYLE="container:positioned;position:absolute;TOP:30pt;
  25.   LEFT:240px;WIDTH:32px;HEIGHT:64px;ZINDEX:6;" src="Vermont.jpg">
  26. <IMG ID="New Hampshire" STYLE="container:positioned;position:absolute;TOP:30pt;
  27.   LEFT:270px;WIDTH:32px;HEIGHT:64px;ZINDEX:3;" src="New Hampshire.jpg">
  28. <IMG ID="Massachusetts" STYLE="container:positioned;position:absolute;TOP:80pt;
  29.   LEFT:230px;WIDTH:96px;HEIGHT:48px;ZINDEX:2;" src="Massachusetts.jpg">
  30. <IMG ID="Connecticut" STYLE="container:positioned;position:absolute;TOP:100pt;
  31.   LEFT:220px;WIDTH:64px;HEIGHT:32px;ZINDEX:4;" src="Connecticut.jpg">
  32. <IMG ID="Rhode Island" STYLE="container:positioned;position:absolute;TOP:100pt;
  33.   LEFT:270px;WIDTH:32px;HEIGHT:32px;ZINDEX:5;" src="Rhode Island.jpg">
  34. <TABLE><TR><TD>
  35. <IMG ID=Picture SRC="Maine.jpg" BORDER=4 HEIGHT=128 WIDTH=128 ALIGN=RIGHT>
  36. </TD><TD>
  37. <SPAN ID=state DATASRC=#statelist DATAFLD="State">
  38. </SPAN>is the 
  39. <SPAN ID=pr DATASRC=#statelist DATAFLD="Pop_Rank">
  40. </SPAN> largest state in population in New England with
  41. <SPAN ID=pop DATASRC=#statelist DATAFLD="Population">
  42. </SPAN> people reported in the 1990 US Census.
  43. <P>
  44. <SPAN ID=state2 DATASRC=#statelist DATAFLD="State">
  45. </SPAN> is the
  46. <SPAN ID=ar DATASRC=#statelist DATAFLD="Area_Rank">
  47. </SPAN> largest state in New England with
  48. <SPAN ID=area DATASRC=#statelist DATAFLD="Area">
  49. </SPAN> square kilometers.
  50. </TD></TR></TABLE>
  51. <SCRIPT language=JavaScript>
  52. var srcElement
  53. function documentClick() {
  54.     srcElement = window.event.srcElement;
  55.     if (srcElement.id=="Maine") {
  56.        statelist.recordset.AbsolutePosition = 1;
  57.     } else {
  58.        if (srcElement.id=="Vermont") {
  59.           statelist.recordset.AbsolutePosition = 2;
  60.        } else {
  61.           if (srcElement.id=="New Hampshire") {
  62.              statelist.recordset.AbsolutePosition = 3;
  63.           } else {
  64.              if (srcElement.id=="Massachusetts") {
  65.                 statelist.recordset.AbsolutePosition = 4;
  66.              } else {
  67.                 if (srcElement.id=="Rhode Island") {
  68.                    statelist.recordset.AbsolutePosition = 5;
  69.                 } else {
  70.                    if (srcElement.id=="Connecticut") {
  71.                       statelist.recordset.AbsolutePosition = 6;
  72.                    }
  73.                 }
  74.              }
  75.           }
  76.        }
  77.     }
  78.     Picture.src = srcElement.id + ".jpg";
  79. }
  80.  
  81. document.onclick = documentClick;
  82.  
  83. </SCRIPT>
  84. </FONT>
  85. </BODY>
  86. </HTML>
  87.